<template>
	<div class="logo" v-if="setting.logoHidden">
		<img :src="setting.logo" alt="">
		<p>{{setting.title}}</p>
	</div>
</template>

<script setup lang='ts'>
// 引入设置标题logo的配置文件
import setting from '@/setting.ts'
</script>

<style scoped lang='scss'>
.logo{
	width: 100%;
	height: $slider-logo-height;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 25px;
	img{
		width: 40px;
		height: 40px;
	}
	p{
		margin-top: -5px;
		margin-left: 10px;
		font-size: 25px;

	}
	
}
</style>